// pages/shop/shop.js
var app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    searchValue: '',
    serchType: {
      text: 'map',
      content: '',
      placehould: '查找商圈、店铺'
    },

    dropMenuList: [{
      id: 1,
      className: '附近',
      classList: [{
        id: 1,
        itemName: '默认'
      }, {
        id: 2,
        itemName: '1000米'
      },{
        id: 3,
        itemName: '5000米' 
      }]
    },
    {
      id: 2,
      className: '分类',
      classList: [{
        id: 1,
        itemName: '全部商圈'
      }, {
        id: 2,
        itemName: '服饰类商圈'
      }, {
        id: 3,
        itemName: '化妆品类商圈'
      }, {
        id: 4,
        itemName: '饮食类商圈'
      }, {
        id: 5,
        itemName: '土产类商圈'
      }]
    }, {
      id: 3,
      className: '排序',
      classList: [{
        id: 1,
        itemName: '智能排序'
      }, {
        id: 2,
        itemName: '距离优先'
      }, {
        id: 3,
        itemName: '人气优先'
      }, {
        id: 4,
        itemName: '好评优先'
      }]
    }
    ],
    dropMenuNum: 0,
    subMenuHighLight: [],
    selected: [],
    
    hideHeader: true,
    hideBottom: true,
    refreshTime: '', // 刷新的时间
    currentPage: 1,//当前页数  默认是1
    allPages: '',    // 总页数
    isHiddenMes1: true,
    loadMoreData: '加载更多……',
    rows: 20, //每页条数
    list: [],

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
    var date = new Date();
    this.setData({
      refreshTime: date.toLocaleTimeString()
    })

    this.getListData();

    this.initDropDown();
  },

  /*
  *初始化下拉选择的数据
  */
  initDropDown: function () {
    var list = this.data.dropMenuList;

    var ary_outer = [];
    var ary_select = [];
    for (var i = 0; i < list.length; i++) {

      var ary_inner = [];
      for (var j = 0; j < list[i].classList.length; j++) {
        var obj;

        obj = '';
        if (j == 0) {
          obj = 'highlight';
        }

        ary_inner.push(obj);
      }

      ary_outer.push(ary_inner);

      var str = i + '-0';
      ary_select.push(str);

    }

    this.setData({
      dropMenuNum: list.length,
      subMenuHighLight: ary_outer,
      selected: ary_select
    })
  },
  /**
   * 选中的索引值
   */
  selectIndex: function (e) {
    console.log('选中的索引值', e.detail);
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },
  /*
  *商圈列表数据
  */
  getListData:function(){
    var self = this;
    var pageIndex = self.data.currentPage;
    
    var lng;
    var lat;
    app.getLocation(function (result) {
      lng = result.longitude;
      lat = result.latitude;
    });

    app.apiPost(app.apiList.shop_list, {
      content:{
        pageNum:pageIndex,
        pageSize: self.data.rows,
        lng: lng,
        lat: lat
      } 
    }, (res)=> {
      console.log(res, '商圈list');

      var list = res.content.list;

      if (pageIndex == 1) {// 下拉刷新
        self.setData({
          allPages: res.content.total,
          list: list,
          hideHeader: true
        })

      } else {// 加载更多
        var tempArray = self.data.list;
        tempArray = tempArray.concat(list);
        self.setData({
          allPages: res.content.total,
          list: tempArray,
          hideBottom: true
        })
      }

      if (self.data.list.length > 0) {
        self.setData({
          isHiddenMes1: false
        })
      }

    })

  },
  // 上拉加载更多
  loadMore: function () {
    console.log('上拉加载更多');

    var self = this;
    // 当前页是最后一页
    if (self.data.currentPage == self.data.allPages) {
      self.setData({
        loadMoreData: '已经到顶'
      })
      return;
    }
    setTimeout(function () {
      console.log('上拉加载更多');
      var tempCurrentPage = self.data.currentPage;
      tempCurrentPage = tempCurrentPage + 1;
      self.setData({
        currentPage: tempCurrentPage,
        hideBottom: false
      })
      self.getListData();
    }, 300);
  },
  // 下拉刷新
  refresh: function (e) {
    var self = this;
    setTimeout(function () {
      console.log('下拉刷新');
      var date = new Date();
      self.setData({
        currentPage: 1,
        refreshTime: date.toLocaleTimeString(),
        hideHeader: false
      })
      self.getListData();
    }, 300);
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },
  /*
  *搜索
  */
  searchValue:function(e){
    console.log(e);
 
    var text = e.detail;
  },
  /*
  *地图：附近商圈
  */
  onGetValue:function(){
    wx.navigateTo({
      url: '../nearsearch/nearsearch',
    })
  },
  /*
  *商圈详情
  */  
  orderDetail: function (e) {
    console.log(e, e.currentTarget.dataset.index, "商圈详情");
    wx.navigateTo({
      url: '../tradingareadetail/tradingareadetail?id=' + e.currentTarget.dataset.id
    })

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.showNavigationBarLoading();
    var that = this;
    that.setData({
      pageIndex: 1, // 每次触发下拉事件page=0
    })
    //发起请求
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    var that = this;
    app.loading();
    that.setData({
      // 页数+1
      pageIndex: that.data.pageIndex + 1
    })
    // 上拉获取更多数据
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})